Custom text styles


If you are familiar with CSS, you can create your own text styles, which can then be used on wiki pages using the %your-style%Styled text%% wiki command.

All text styles are stored in the textstyles subdirectory within the settings directory. Inline styles are stored in the textstyles/inline subdirectory, while block styles are located in the textstyles/block folder.

To add a new style, you need to create a file with the .css extension in one of these directories. The filename must match the name of the style you are creating. For example, if you want to create a new block style named my-cool-style, you should create a my-cool-style.css file in the textstyles/block directory. If you want to create an inline style with the same name, you should create the my-cool-style.css file in the textstyles/inline directory.

The created file must contain the CSS code that will be inserted into the wiki page's code. Please note that inline styles will be applied to the <span> tag, and block styles will be applied to the <div> tag. Therefore, the my-cool-style inline style should contain the following code:

span.my-cool-style {
...
}

And the block style with the same name should contain:

div.my-cool-style {
...
}

In particular, to create the object style, you need to create the object.css file in the textstyles/inline directory with content like this:

span.object {
    display: inline;
    background-color: #ffd180;
    color: inherit;
    padding: 0px 2px;
    border-radius: 1px;
}

After that, the new object style will be available for use as follows:

Regular text. %object%Text with "object" style%%. Regular text again.

You can also add arbitrary CSS code to the style file, which will also be inserted into the HTML code of the wiki page.

See also: